<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>学IT - 后台管理系统</title>
    <?php include_once('./views/common/style.html')?>
</head>

<body>
<!-- 登录 -->
<div class="login">
    <div class="login-wrap">
        <div class="avatar">
            <img src="../../uploads/monkey.png" class="img-circle" alt="">
        </div>
        <form id="loginForm" class="col-md-offset-1 col-md-10">
            <div class="input-group input-group-lg">
                    <span class="input-group-addon">
                        <i class="fa fa-user"></i>
                    </span>
                <input type="text"
                       class="form-control"
                       placeholder="用户名"
                       name="tc_name"
                       value="前端学院">
            </div>
            <div class="input-group input-group-lg">
                    <span class="input-group-addon">
                        <i class="fa fa-key"></i>
                    </span>
                <input type="password"
                       class="form-control"
                       placeholder="密码"
                       name="tc_pass"
                       value="123456">
            </div>
            <button type="submit"
                    class="btn btn-lg btn-primary btn-block">登 录
            </button>
        </form>
    </div>
</div>

<?php include_once('./views/common/script.html')?>

<script>
    //给 form 表单注册 submit 提交事件来完成登录
    //我们采用的是 ajax 请求 所以需要取消表单的默认行为 -- return false
    $('#loginForm').on('submit', function() {
        //01.对表单进行序列化表单处理 使用 serialize() 方法
        var formData = $(this).serialize();//结果为 'k=v&k=v' 形式的字符串

        //02.发送ajax请求
        $.ajax({
            url: '/api/login',//请求地址
            type: 'post', //请求方式 get / post
            data: formData, //传入的参数 k=v&k=v 的形式
            success: function(info) {
                //console.log(info);
                if(info.code == 200) {
                    alert('登录成功');
                    //001.将 result 中的数据存储到 cookie 中去，使用cookie插件
                    //由于result中的数据为对象 所有需要 JSON.stringify() 方法转为字符串
                    $.cookie('userInfo', JSON.stringify(info.result),{
                        expires: 1, //设置一天后过期
                        path: '/' //设置可访问的路径 根目录中的所有文件都可以访问
                    });

                    //002.跳转到 index 页面
                    location.href = '/';
                }
            }
        })
        //取消默认行为
        return false;
    })

//
//   require(['login']);


</script>
</body>

</html>